import React from 'react'
import { Row, Col } from 'antd'
import './index.less'
import Utils from '../../utils/utils'






export default class Header extends React.Component{
    componentWillMount(){
        this.setState({
            userName:'胡玉玺'
        })
        setInterval(()=>{
           let sysTime = Utils.formateDate(new Date().getTime());
           this.setState({
               sysTime
           })
        },1000)
    }

    render(){
        return(
            <div className='header'>
                <Row className='header-top'>
                    <Col span="24">
                        <span>欢迎，{this.state.userName}</span>
                        {/* <a href='#' valid="">退出</a> */}
                    </Col>

                </Row>
                <Row className='breadcrumb'>
                    <Col span='4' className='breadcrumb-title'>
                        首页  
                    </Col>
                    <Col span='20' className='weather'>
                        <span className='data'>{this.state.sysTime}</span>
                    </Col>
                </Row>
            </div>
        )
    }
}